<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>虎扑跑步</title>
    <link rel="stylesheet" type="text/css" media="screen" href="/static/css/web_login.css" />
    <script src="/static/js/jquery.min.js"></script>
</head>
<body>
<section class="bg_blue">
    <img class="logo" src="/static/images/login_logo@2x-min.png" alt="" />
    <div class="login">
        <form method="post">
            <ul>
                <li>
                    <input name="phone" type="text" class="aa ClearInput " placeholder="请输入您的手机号" required>
                    <a href="javascript:void(0)" onclick="$(this).prev('input').val('')" class="clear_input ico_x"></a>
                </li>
                <li>
                    <input name="pwd" type="password" class="pw input_text_password mima_dd " placeholder="请输入登录密码" required >
                    <a class="ico_eye_line" data-show="1" href="javascript:void(0);" onclick="tab(this)"></a>
                </li>
            </ul>
            <input type="submit" style="padding-left: 0" value="登录" class="button_login" />
        </form>
    </div>
</section>
<section class="bg_white" style="">
    <h6>
        <img src="/static/images/login/web_line@2x-min.png" alt=""/>
        社交账号登录
        <img src="/static/images/login/web_line@2x-min.png" alt=""/>
    </h6>
    <div class="ico_list">
        <a class="qq" href="{$qqUrl}" style="display:none"></a>
        <a class="wb" href="{$codeUrl}"></a>
        <a class="wx" href="{$wxUrl}" style="display:none"></a>
        <a class="rr" href="{$url}"></a>
    </div>
</section>
<script>
    function tab(obj){
        var tp = $(obj).prev('input');
        if(tp.attr('type') == 'password'){
            tp.prop('type','text');
            $(obj).removeClass('ico_eye_line');
            $(obj).addClass('eyes_box');
        }else{
            tp.prop('type','password');
            $(obj).removeClass('eyes_box');
            $(obj).addClass('ico_eye_line');
        }
    }
</script>
</body>
</html>
